import {h,render} from 'vue'
import messageComponent from './index.vue'

/**
 *
 * @param type 消息类型
 * @param content 消息内容
 * @param duration 展示时间（毫秒）
 * @constructor
 */
export const MineMessage = (type, content, duration = 3000) => {
    //动画结束回调
    const onDestroy = () => {
        // 3.删除
        render(null,document.body)
    }
    // 1.拿到vNode
    const vNode = h(messageComponent,{
        type,
        content,
        duration,
        destroy: onDestroy
    })
    // 2.render
    render(vNode,document.body)

}